
.toolbar-discuss {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: (50/@font-size-base)*1rem;
  box-sizing: border-box;
  background: @white;
  .hairline(top, #ddd);

  .toolbar-discuss-inner {
    .flexbox();
    width: 100%;
    height: 100%;

    .service{
      .flexbox();
      width: 100%;
      height: 100%;
      .flex-shrink(1);
      .justify-content(space-between);
      .align-items(center);
    }

    .icons {
      .flexbox();
      padding-left: (15/@font-size-base)*1rem;
      height: 100%;
      width: (70/@font-size-base)*1rem;
      .justify-content(space-between);
      .align-items(center);
    }

    .icon {
      display: inline-block;
      vertical-align: middle;
      width: (20/@font-size-base)*1rem;
      height: (20/@font-size-base)*1rem;
      &.icon-coloct {
        background: url("../../images/icon_coloct.png") no-repeat;
        background-size:  cover;
      }
      &.icon-com {
        background: url("../../images/icon_com.png") no-repeat;
        background-size: cover;
      }
    }

    .read {
      height: 100%;
      text-align: center;
      color: #8a8a8a;
      font-size: (12/@font-size-base)*1rem;
      line-height: (50/@font-size-base)*1rem;
      width: (100/@font-size-base)*1rem;
      .flex-shrink(0);
    }
  }
}

.pages.toolbar-zone-through{
  .page-content {
    padding-bottom: (64/@font-size-base)*1rem;
  }
}